*{
	margin: 0;
}
a{
	cursor: pointer;
	color: rgb(85,93,83);
	text-decoration: none;
}
h3{
	font-size: 16px;
	font-weight: 300;
}
table img{
	cursor: pointer;
}
#main{
	position: relative;
	overflow: hidden;
	width: 100%;
}
#top{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 28px;
	background-color: rgb(85,85,85);
}
#middle{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
#mleft{
	width: 590px;
}
#mright{
	position: absolute;
	top: 187px;
	right: 125px;
	width: 350px;
}
#bottom{
	font-size: 12px;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}
.topbiaoti{
	color: #d5d5d5;
	text-decoration: none;
	font-size: 12px;
	line-height: 28px;
	margin: 0 10px;
}
.topbiaoti:hover{
	color: white;
}
#gengduoneirong{
	position: absolute;
	display: none;
	top: 27.5px;
	left: 470px;
	border: 1px solid rgb(205,205,205);
	z-index: 10;
	width: 90px;
	height: 78px;
	background-color: white;
}
.yike{
	font-size: 12px;
	color: black;
}
#gengduoneirong ul{
	width: 90px;
	line-height: 25px;
	padding: 10px 0 0 20px;
	position: relative;
	left: -20px;
}
#gengduoneirong li:nth-child(1):hover{
	background-color: rgba(205,205,205,0.4);
}
#gengduoneirong li:nth-child(2):hover{
	background-color: rgba(205,205,205,0.4);
}
#xzkhd{
	position: relative;
	float: right;
	width: 8em;
	height: 28px;
	display: inline-block;
}
#xzkhdxia{
	position: absolute;
	display: none;
	width: 250px;
	height: 500px;
	z-index: 11;
	right: -50px;
	background-color: white;
	border: 1px solid rgb(205,205,205);
}
#xzdbkhd{
	border-bottom: 10px solid rgba(1,1,1,0);
}
#xzkhdxia:hover{
	display: block;
}
#xzdbkhd:hover+#xzkhdxia{
	display: block;
}
#xzkhdxia>p{
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 50px;
	font-size: 20px;
}
#xzkhdxia>p>#jingshenbuluo{
	font-size: 12px;
	letter-spacing: 5px;
}
.iphone{
	font-size: 12px;
}
#zhuce,#denglu{
	margin-right: 10px;
	float: right;
	width: 3em;
	height: 28px;
	display: inline-block;
}
#dbdydiv{
	width: 160px;
	height: 50px;
	display: inline-block;
}
#dbdy{
	display: inline-block;
	font-family: '黑体';
	font-size: 30px;
	font-weight: 900;
	color: rgb(243,126,0);
}
#dbdydiv{
	width: 160px;
	height: 50px;
	display: inline-block;
}
#sousuolan{
	width: 100%;
	height: 70px;
	line-height: 70px;
	padding: 4px 180px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgb(240,243,239);
	border-bottom: 1px solid rgba(205,205,205,0.4);
}
#zhenghe{
	width: 490px;
	top:0px;
	left:25%;
	position: absolute;
}
#sousuoipt{
	position: absolute;
	top: 50px;
	/*left: 350px;*/
	display: inline-block;
	width: 490px;
	height: 29px;
	border: 1px solid rgb(205,205,205);
	border-radius: 3px;
	color: rgba(205,205,205,1);
	box-shadow: 0 1px 1px 0 rgb(205,205,205);
}
#sousuo{
	display: inline-block;
	width: 35px;
	height: 38px;
	position: absolute;
	top: 45px;
	cursor: pointer;
	right: -1px;
	opacity: 0.8;
	background-position: 0 41px;
	background-image: url(http://img3.doubanio.com/f/shire/b78a848a3825bda97797e3c1816ad3b01139aa1c/pics/nav1/nav_mu_bg.png);
}
#dianyingjie2016{
	position: absolute;
	z-index: 10;
	top: 40px;
	right: 215px;
}
.yingxun{
	height: 100px;
	margin: 0 15px;
}
.yingxun:hover{
	background-color: rgb(85,93,83);
	color: white;
}
#yingxundiv{
	position: relative;
	height: 37px;
	line-height: 37px;
	width: 100%;
	background-color: rgb(240,243,239);
	left: -180px;
	text-align: center;
	font-size: 13px;
}
.tupian{
	float: left;
}
#chang{
	width: 2360px;
	height: 250px;
	background-color: pink;
}
#huadong{
	overflow: hidden;
	font-size: 0;
	position: relative;
	top: 80px;
}
#youfan{
	width: 36px;
	height: 51px;
	position: absolute;
	left: 554px;
	top: 99px;
	z-index: 10;
	cursor: pointer;
	overflow: hidden;
	background-image: url(https://img3.doubanio.com/f/music/f7a7edb086efd2b104a547882609d490a701dc00/pics/music/home/banner_arrow.png);
	background-position: 36px 51px;
}
#youfan:hover{
	background-position: 36px 0px;
}
#liuxing>a:nth-child(1){
	color: black;
}
#liuxing>a:nth-child(3){
	font-size: 12px;
}
#liuxing span{
	color: black;
	font-size: 12px;
}
#diyibiaoge{
	border-top: 2px solid green;
	width: 590px;
	background-color: rgb(245,247,248);
	text-align: center;
	position: relative;
	padding-bottom: 25px;
}
#diyibiaoge a{
	color: rgb(19,138,10);
	font-size: 14px;
}
#diyibiaoge a:hover{
	color: white;
	background-color: rgb(19,138,100);
}
.dybiaoge{
	position: relative;
	margin-top: 10px;
}
#debiaoge{
	text-align: left;
	font-size: 12px;
	color: white;
	padding: 10px;
	line-height: 20px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 28px;
	display: none;
	background-color: rgba(20,20,20,0.6);
}
#debiaoge1{
	text-align: left;
	font-size: 12px;
	color: white;
	padding: 10px;
	line-height: 20px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 6px;
	display: none;
	background-color: rgba(20,20,20,0.6);
}
#debiaoge2{
	text-align: left;
	font-size: 12px;
	color: white;
	padding: 10px;
	line-height: 20px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 6px;
	display: none;
	background-color: rgba(20,20,20,0.6);
}
#debiaoge3{
	text-align: left;
	font-size: 12px;
	color: white;
	padding: 10px;
	line-height: 20px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	z-index: 2;
	left: 6px;
	display: none;
	background-color: rgba(20,20,20,0.6);
}
#debiaoge4{
	text-align: left;
	font-size: 12px;
	color: white;
	padding: 10px;
	line-height: 20px;
	width: 100px;
	height: 100px;
	position: absolute;
	top:5px;
	left: 28px;
	display: none;
	cursor: pointer;
	background-color: rgba(20,20,20,0.6);
}
#debiaoge5{
	text-align: left;
	font-size: 12px;
	color: white;
	padding: 10px;
	line-height: 20px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 6px;
	display: none;
	cursor: pointer;
	background-color: rgba(20,20,20,0.6);
}
#debiaoge6{
	text-align: left;
	font-size: 12px;
	color: white;
	padding: 10px;
	line-height: 20px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	cursor: pointer;
	left: 6px;
	display: none;
	background-color: rgba(20,20,20,0.6);
}
#debiaoge7{
	text-align: left;
	font-size: 12px;
	color: white;
	cursor: pointer;
	padding: 10px;
	line-height: 20px;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 6px;
	display: none;
	background-color: rgba(20,20,20,0.6);
}
#b1:hover>#yuan{
	color: black;
	background-color: rgba(205,205,205,0.4);
}
#b1:hover #debiaoge{
	cursor: pointer;
	display: block;
}
#b2:hover>#yuan1{
	color: black;
	background-color: rgba(205,205,205,0.4);
}
#b2:hover #debiaoge1{
	cursor: pointer;
	display: block;
}
#b3:hover>#yuan1{
	color: black;
	background-color: rgba(205,205,205,0.4);
}
#b3:hover #debiaoge2{
	cursor: pointer;
	display: block;
}
#b4:hover>#yuan1{
	color: black;
	background-color: rgba(205,205,205,0.4);
}
#b4:hover #debiaoge3{
	cursor: pointer;
	display: block;
}
#d5:hover #debiaoge4{
	display: block;
}
#d5:hover~#yuanxia{
	color: black;
	background-color: rgba(205,205,205,0.4);
}
#d6:hover #debiaoge5{
	display: block;
}
#d6:hover~#yuanxia1{
	color: black;
	background-color: rgba(205,205,205,0.4);
}
#d7:hover #debiaoge6{
	display: block;
}
#d7:hover~#yuanxia2{
	color: black;
	background-color: rgba(205,205,205,0.4);
}
#d8:hover #debiaoge7{
	display: block;
}
#d8:hover~#yuanxia3{
	color: black;
	background-color: rgba(205,205,205,0.4);
}
.biaogeimg{
	padding: 5px;
	background-color: white;
}
#diyibiaoge span{
	color: rgb(138,138,138)
}
#yuan{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 100px;
	z-index: 10;
	left: 120px;
	cursor: pointer;
}
#yuan1{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 100px;
	left: 100px;
	z-index: 10;
	cursor: pointer;
}
#yuanxia{
	cursor: pointer;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 295px;
	z-index: 10;
	left: 120px;
}
#yuanxia1{
	cursor: pointer;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 10;
	top: 295px;
	left: 280px;
}
#yuanxia2{
	cursor: pointer;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 10;
	top: 295px;
	left: 415px;
}
#yuanxia3{
	cursor: pointer;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	z-index: 10;
	top: 295px;
	left: 550px;
}
#yuanleft{
	opacity: 0.4;
	display: inline-block;
	margin: 2px;
	float: right;
	width: 20px;
	height: 20px;
	background-position: 0 0;
	cursor: pointer;
	background-image: url(https://img3.doubanio.com/f/music/4a892077eee992674332230f7c9590f5256077f6/pics/music/home/editor_arrow.png);
}
#yuanright{
	cursor: pointer;
	display: inline-block;
	margin: 2px;
	float: right;
	width: 20px;
	height: 20px;
	background-position: 20px 0;
	background-image: url(https://img3.doubanio.com/f/music/4a892077eee992674332230f7c9590f5256077f6/pics/music/home/editor_arrow.png);
}
#dibu{
	border-top: 1px dashed rgba(205,205,205,0.5);
	padding: 10px 0;
	margin-bottom: 10px;
}
#s1{
	display: inline-block;
	float: left;
	color: rgb(155,155,155);
}
#s2{
	display: inline-block;
	float: right;
}
#s2 a:hover{
	color: white;
	background-color: rgb(85,93,83);
}
#show{
	height: 390px;
	width: 590px;
	overflow: hidden;
	margin-bottom: 20px;
}
#show a:hover{
	color: white;
	background-color: rgb(19,138,100);
}
#tuijian{
	position: relative;
	display: block;
	text-align: center;
	border-top: 2px solid green;
	width: 1180px;
	height: 380px;
	background-color: rgb(240,243,239);
}
#tuijian1{
	display: block;
	text-align: center;
	width: 590px;
	height: 380px;
}
#tuijian2{
	position: absolute;
	top: 0px;
	left: 590px;
	display: block;
	text-align: center;
	width: 590px;
	height: 380px;
}
.tjdiv{
	display: inline-block;
	margin: 16px 13px;
	float: left;
	width: 170px;
	height: 350px;
	background-color: white;
}
.tjdiv a:nth-child(3){
	color: rgb(19,138,100);
}
.tjdiv a:nth-child(5){
	font-size: 12px;
	color: rgb(102,102,102);
}
#tuijian1 img{
	margin-top: 10px;
}
#tuijian1 p{
	padding: 10px;
	color: rgb(102,102,102);
	font-size: 12px;
	margin-top: 5px;
}
#tuijian2 img{
	margin-top: 10px;
}
#tuijian2 p{
	padding: 10px;
	color: rgb(102,102,102);
	font-size: 12px;
	margin-top: 5px;
}
/*右边*/
.rdiv1{
	position: relative;
	top: 260px;
}
.join{
	cursor: pointer;
	background-color: #139D72;
    width: 300px;
    height: 38px;
    color: #FFF;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 38px;
    margin-top: 3px;
    border: 1px solid #138A64;
    border-radius: 3px;
}
.join:hover{
	opacity: 0.9;
}
.a1{
	cursor: pointer;
	width: 149px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 3px;
}
.a1:hover{
	background-color: #F5F7F8;
}
.playbn{
    background: #139D72;
    border: 1px solid #138A64;
    border-radius: 3px;
    font-size: 12px;
    color: #FFF;
    line-height: 23px;
    width: 88px;
    height: 23px;
    display: inline-block;
    text-align: center;
}
.rdiv2{
	width: 300px;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.rdiv3{
	width: 300px;
}
.danqu{
	width: 300px;
	height: 70px;
}
.danqupic{
	float: left;
}
.rightspan{
	cursor: pointer;
	font-weight: 900;
}
.rightspan:hover{
	color: white;
	background-color: rgb(19,138,100);
}
#sgd{
	cursor: pointer;
}
#sgd:hover{
	color: white!important;
	background-color: rgb(102,102,102);
}
#sp{
	cursor: pointer;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#sp span:nth-child(2):hover{
	text-decoration: underline;
	color: green;
}
#sp span:nth-child(3):hover{
	text-decoration: underline;
	color: green;
}
#sp span:nth-child(4):hover{
	text-decoration: underline;
	color: green;
}
#sp span:nth-child(5):hover{
	text-decoration: underline;
	color: green;
}
.playbn{
	cursor: pointer;
}
#showtj1{
	display: none;
	color: rgb(215,215,215);
	text-align: center;
	font-size: 14px;
	line-height: 70px;
	position: absolute;
	cursor: pointer;
	top: 10px;
	left: 10px;
	width: 150px;
	height: 150px;
	background-color: rgba(0,0,0,0.5);
}
#showtj2{
	display: none;
	color: rgb(215,215,215);
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	position: absolute;
	cursor: pointer;
	top: 10px;
	left: 10px;
	width: 150px;
	height: 150px;
	background-color: rgba(0,0,0,0.5);
}
#showtj3{
	display: none;
	color: rgb(215,215,215);
	text-align: center;
	font-size: 14px;
	line-height: 70px;
	position: absolute;
	cursor: pointer;
	top: 10px;
	left: 10px;
	width: 150px;
	height: 150px;
	background-color: rgba(0,0,0,0.5);
}
#showtj4{
	display: none;
	color: rgb(215,215,215);
	text-align: center;
	font-size: 14px;
	line-height: 70px;
	position: absolute;
	cursor: pointer;
	top: 10px;
	left: 10px;
	width: 150px;
	height: 150px;
	background-color: rgba(0,0,0,0.5);
}
#showtj5{
	display: none;
	color: rgb(215,215,215);
	text-align: center;
	font-size: 14px;
	line-height: 70px;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 150px;
	cursor: pointer;
	height: 150px;
	background-color: rgba(0,0,0,0.5);
}
#showtj6{
	display: none;
	color: rgb(215,215,215);
	text-align: center;
	font-size: 14px;
	line-height: 70px;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 150px;
	height: 150px;
	cursor: pointer;
	background-color: rgba(0,0,0,0.5);
}
.showHover:hover>#showtj1{
	display: block;
}
.showHover:hover>#showtj2{
	display: block;
}
.showHover:hover>#showtj3{
	display: block;
}
.showHover:hover>#showtj4{
	display: block;
}
.showHover:hover>#showtj5{
	display: block;
}
.showHover:hover>#showtj6{
	display: block;
}
#yuanxia001{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 130px;
	z-index: 10;
	left: 130px;
	cursor: pointer;
}
#yuanxia002{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 130px;
	z-index: 10;
	left: 130px;
	cursor: pointer;
}
#yuanxia003{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 130px;
	z-index: 10;
	left: 130px;
	cursor: pointer;
}
#yuanxia004{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 130px;
	z-index: 10;
	left: 130px;
	cursor: pointer;
}
#yuanxia005{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 130px;
	z-index: 10;
	left: 130px;
	cursor: pointer;
}
#yuanxia006{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	top: 130px;
	z-index: 10;
	left: 130px;
	cursor: pointer;
}
.showHover:hover>#yuanxia001{
	color: black;
	background-color: rgb(205,205,205);
}
.showHover:hover>#yuanxia002{
	color: black;
	background-color: rgb(205,205,205);
}
.showHover:hover>#yuanxia003{
	color: black;
	background-color: rgb(205,205,205);
}
.showHover:hover>#yuanxia004{
	color: black;
	background-color: rgb(205,205,205);
}
.showHover:hover>#yuanxia005{
	color: black;
	background-color: rgb(205,205,205);
}
.showHover:hover>#yuanxia006{
	color: black;
	background-color: rgb(205,205,205);
}
#xiaodian1{
	background-color: green;
	position: absolute;
	top: 235px;
	left: 260px;
	z-index: 2;
	width: 8px;
	height: 8px;
	cursor: pointer;
	border-radius: 50%;
}
#xiaodian2{
	position: absolute;
	top: 235px;
	left: 280px;
	z-index: 2;
	width: 8px;
	height: 8px;
	cursor: pointer;
	border-radius: 50%;
	background-color: white;
}
#xiaodian3{
	position: absolute;
	top: 235px;
	left: 300px;
	z-index: 2;
	width: 8px;
	height: 8px;
	cursor: pointer;
	border-radius: 50%;
	background-color: white;
}
#xiaodian4{
	position: absolute;
	top: 235px;
	left: 320px;
	z-index: 2;
	width: 8px;
	height: 8px;
	cursor: pointer;
	border-radius: 50%;
	background-color: white;
}